
<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
 
<p>计数： <output id="result"></output></p>
<button onclick="hello()">hello</button> 
<button onclick="startWorker()">开始工作</button> 
<button onclick="stopWorker()">停止工作</button>
 
<p><strong>注意：</strong> Internet Explorer 9 及更早 IE 版本浏览器不支持 Web Workers.</p>
 
<script>
sessionStorage.setItem('test', '这是一条sessionStorage测试');
localStorage.setItem('test2', '这是一条localStorage测试');
// 离线资源存储完成之后触发
// 第一次加载
window.applicationCache.addEventListener('cached', function () {
    console.log('cached');
});
// 离线存储资源进行更新检查的时候会触发
window.applicationCache.addEventListener('checking', function () { console.log('checking'); });
// 开始下载离线资源的时候会触发
window.applicationCache.addEventListener('downloading', function () { console.log('downloading'); });
// 下载每一个资源的时候会触发
window.applicationCache.addEventListener('progress', function () { console.log('progress'); }); 
// 离线资源更新完成之后
window.applicationCache.addEventListener('updateready', function () { console.log('updateready'); }); 
// 检查更新之后发现没有资源更新的时候触发
window.applicationCache.addEventListener('noupdate', function () { console.log('noupdate'); });

var w;
function startWorker() {
    if(typeof(Worker) !== "undefined") {
        if(typeof(w) == "undefined") {
            w = new Worker("webWorker.js");
        }
        w.postMessage('hello world');
        w.onmessage = function(event) {
            document.getElementById("result").innerHTML = event.data;
        };
    } else {
        document.getElementById("result").innerHTML = "抱歉，你的浏览器不支持 Web Workers...";
    }
}
 
function stopWorker() 
{ 
    w.terminate();
    w = undefined;
}
</script>
 
</body>
</html>
